html, body{
    height: 100%;
    width: 100%;
    margin: 0;
}

h1, h2{
    text-align: center;
    font-size: 20px;
    color: #808080;
    font-family: calibri;            
}

h2{
    text-align: left;
    font-size: 15px;            
}

div#canvas-map{
  /*width: 300px;
  height: 250px;*/
  border: 1px solid #CCC;
  margin-top: 30px;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
}

div.contenedor{
    position: absolute;
    top: 30px;
    left: 390px;
    padding: 10px;
    background: #FFF;
    box-shadow: 2px 3px 3px #AAA;
    z-index: 1;
}


#accordion {            
    z-index: 3;            
    height: 100%;
    display: inline-block;
    float: left;
    width: 300px;
}

#accordion .ui-accordion-content {
    width: 100%;
    background-color: #f3f3f3;
    font-size: 10pt;
    line-height: 16pt;
}

#accordion .ui-accordion-content > *{
    margin: 0;
    padding: 20px;
}

#accordion .ui-accordion-content {
    color: #777;
}

#accordion .ui-accordion-header {  
    background-color: #ccc;  
    margin: 0px;  
} 

#accordion .ui-accordion-header {  
    color: #fff;  
    line-height: 42px;  
    display: block;  
    font-size: 12pt;  
    width: 100%;  
    text-indent: 10px;  
}

#accordion .ui-accordion-header:first-of-type {  
    background-color: #fa9300;  
    background-image: -moz-linear-gradient(top,  #fa9300 0%, #dc621e 100%); /* FF3.6+ */  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#fa9300), color-stop(100%,#dc621e)); /* Chrome,Safari4+ */  
    background-image: -webkit-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Chrome10+,Safari5.1+ */  
    background-image: -o-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* Opera 11.10+ */  
    background-image: -ms-linear-gradient(top,  #fa9300 0%,#dc621e 100%); /* IE10+ */  
    background-image: linear-gradient(to bottombottom,  #fa9300 0%,#dc621e 100%); /* W3C */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9300', endColorstr='#dc621e',GradientType=0 ); /* IE6-9 */  
} 

#accordion .ui-accordion-header:nth-of-type(2) {  
    background-color: #389abe;  
    background-image: -moz-linear-gradient(top,  #389abe 0%, #2a7b99 100%); /* FF3.6+ */  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#389abe), color-stop(100%,#2a7b99)); /* Chrome,Safari4+ */  
    background-image: -webkit-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Chrome10+,Safari5.1+ */  
    background-image: -o-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* Opera 11.10+ */  
    background-image: -ms-linear-gradient(top,  #389abe 0%,#2a7b99 100%); /* IE10+ */  
    background-image: linear-gradient(to bottombottom,  #389abe 0%,#2a7b99 100%); /* W3C */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#389abe', endColorstr='#2a7b99',GradientType=0 ); /* IE6-9 */  
}  

#accordion .ui-accordion-header:nth-of-type(3) {  
    background-color: #f87aa0; /* Old browsers */  
    background-image: -moz-linear-gradient(top, #f87aa0 0%, #c86585 100%); /* FF3.6+ */  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#f87aa0), color-stop(100%,#c86585)); /* Chrome,Safari4+ */  
    background-image: -webkit-linear-gradient(top, #f87aa0 0%,#c86585 100%); /* Chrome10+,Safari5.1+ */  
    background-image: -o-linear-gradient(top, #f87aa0 0%,#c86585 100%); /* Opera 11.10+ */  
    background-image: -ms-linear-gradient(top,  #f87aa0 0%,#c86585 100%); /* IE10+ */  
    background-image: linear-gradient(to bottombottom,  #f87aa0 0%,#c86585 100%); /* W3C */  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f87aa0', endColorstr='#c86585',GradientType=0 ); /* IE6-9 */  
}  

#accordion .ui-accordion-header:nth-of-type(4) {  
    background-color: #a8b700;  
    background-image: -moz-linear-gradient(top,  #a8b700 0%, #82922a 100%);  
    background-image: -webkit-gradient(linear, left top, left bottombottom, color-stop(0%,#a8b700), color-stop(100%,#82922a)); /* Chrome,Safari4+ */  
    background-image: -webkit-linear-gradient(top,  #a8b700 0%,#82922a 100%);   
    background-image: -o-linear-gradient(top,  #a8b700 0%,#82922a 100%);  
    background-image: -ms-linear-gradient(top,  #a8b700 0%,#82922a 100%);  
    background-image: linear-gradient(to bottombottom,  #a8b700 0%,#82922a 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8b700', endColorstr='#82922a',GradientType=0 ); /* IE6-9 */  
}  

#accordion .ui-accordion-header  {  
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);  
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);  
    border-right: 1px solid rgba(0, 0, 0, .2);  
    border-left: 1px solid rgba(0, 0, 0, .2);  
    border-bottom: 1px solid rgba(0, 0, 0, .2);  
    border-top: 1px solid rgba(250, 250, 250, .2);  
}  